<template>
	<view style="height: 100vh;overflow: scroll;box-sizing: border-box;padding: 40rpx;">
		<view class="" style="height: 5%;">
			<view class="alarm-input" style="">
			  <i class="iconfont" 
			     style="">
			    &#xe624;
			  </i>
			  <input 
			    placeholder="请输入目的地关键字" 
			    type="number" 
			    v-model="phoneNumber" 
			    style=""/>
			</view>
		</view>
		
		
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
		}
	}
</script>

<style lang="scss" scoped>

.alarm-input{
				position: relative; width: 100%;box-sizing: border-box;
				.iconfont{
					position: absolute; left: 2%; top: 50%; 
					transform: translateY(-50%); font-size: 40rpx; color: gray;
				}
				input{
					
					padding-left: 60rpx; height: 50rpx; 
					font-size: 28rpx; border: 1px solid #dedede;
					border-radius: 50rpx;
				}
			}
</style>
